<template>
  <div class="shopcar">
		<yd-navbar title="购物车" height="40px">	</yd-navbar>
    <div class="content">
			  <yd-scrolltab>
						<yd-scrolltab-panel label="空调">
								<div style="height: 220px;background-color: gray;"></div>
						</yd-scrolltab-panel>
						<yd-scrolltab-panel label="冰箱" active>
								<div style="height: 220px;background-color: blue;"></div>
						</yd-scrolltab-panel>
						<yd-scrolltab-panel label="洗衣机">
								<div style="height: 220px;background-color: yellow;"></div>
						</yd-scrolltab-panel>
						<yd-scrolltab-panel label="手机">
								<div style="height: 220px;background-color: red;"></div>
						</yd-scrolltab-panel>
				</yd-scrolltab>
		</div>
  </div>
</template>
<script>
	export default{
		
	}
</script>
<style lang="less" scoped>
	.yd-navbar{
		position: fixed;
		width: 100%;
		top: 0;
	}
	.content{		
		width: 100%;
		overflow-y: auto;
		/deep/.yd-scrolltab-nav{
			width: 70px;
			margin-top: 40px;
			.yd-scrolltab-item{
				height: 30px;
			}
		}
		/deep/.yd-scrolltab-content{
			margin-top: 40px;
		}
	}
</style>
